<template>
	<view class="content">
		<view class="content-box">
			<view class="text-header">声明</view>
			<view class="text-body">{{text}}</view>
			<view class="text-body" style="color: red;font-weight: bold;">{{text2}}</view>
			<view class="text-btn">
				<text @click="getInDisclaimer">查看用户免责说明详细信息</text>
			</view>
			<view class="footer-btn">
				<u-button text="拒绝" style="background-color: #efefef;color: #666;"
					class="custom-style" @click="getBack"></u-button>
				<u-button text="同意" class="custom-style" @click="getInLogin"></u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				text: '用户在接受儿童呼吸GPT服务之前，请务必仔细阅读本条款并同意本声明。用户直接或通过各类方式(如站外API引用等) 间接使用儿童呼吸GPT服务和数据的行为，都将被视作已无条件接受本声明所涉全部内容;若用户对本声明的任何条款有异议，请停止使用儿童呼吸GPT所提供的全部服务。',
				text2: '如果患儿高热抽搐，或头痛、呕吐、腹痛、腹泻、面部肿胀、手足及其他部位皮疹等等异常表现，请立即到医院就诊。'
			}
		},
		onLoad() {

		},
		methods: {
			//进入系统
			getInLogin() {
				uni.switchTab({
					url: '/pages/home'
				})
			},
			//返回登录
			getBack() {
				uni.clearStorageSync()
				uni.navigateTo({
					url:'/pages/login'
				})
			},
			//进入免责详情
			getInDisclaimer() {
				uni.navigateTo({
					url: '/pages/disclaimer'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 100%;
		height: 100%;
		padding: 30rpx;
		box-sizing: border-box;
		background-color: #54b6ab;
		display: flex;
		justify-content: center;

		.content-box {
			padding: 30rpx;
			box-sizing: border-box;
			width: 100%;
			height: 90%;
			background-color: #fff;
			border-radius: 20rpx;

			.text-header {
				width: 100%;
				text-align: center;
				font-size: 30rpx;
			}

			.text-body {
				margin-top: 20rpx;
				text-indent: 20rpx;
				text-align: left;
				font-size: 26rpx;
				line-height: 40rpx;
				letter-spacing: 2rpx;
			}

			.text-btn {
				margin-top: 100rpx;
				text-align: right;
				text-decoration: underline;
				color: #54b6ab;
			}

			.footer-btn {
				margin-top: 150rpx;
				display: flex;

				.custom-style {
					border-radius: 20rpx;
					width: 40%;
					background-color: #54b6ab;
					color: #fff;
				}
			}
		}
	}
</style>
